<template>
  <div class="todo-container">
    <div class="todo-wrap">
      <MyHeader @receive="receive" />
      <MyList :todos="todos" />
      <MyFooter
        :todos="todos"
        :checkAllTodo="checkAllTodo"
        @clearAlldone="clearAlldone"
      />
    </div>
  </div>
</template>
<script>
import MyHeader from "./components/MyHeader.vue";
import MyFooter from "./components/MyFooter.vue";
import MyList from "./components/MyList.vue";
export default {
    name
}
</script>